<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>事件回顾</title>
	<script type="text/javascript">

		window.onload =function  (argument) {
			
			var box =document.getElementById('box');
			var box2 = document.getElementById('box2');

			box.onclick =function  (argument) {
				// alert(box.innerText);
				// box2.innerHTML=box.innerHTML;
				box.style.paddingLeft='200px';

			}


			var username = document.getElementById('username');

			username.onkeypress = function  (argument) {
				alert(8888);
			}

			username.onfocus = function  (argument) {
				alert(99999);
			}

			var baidu = document.getElementById('baidu');


			// baidu.href = 'http://www.sina.com';

			// baidu.className = '9090909';

			// alert(baidu.getAttribute('xuebingsi'))

			baidu.setAttribute('xuebingsi','学并思');



		}


	</script>
	<style type="text/css">
		#box{
			width: 200px;
			height: 200px;
			background: red url() 0 0 no-repeat;
			/*border-radius: 50%;*/
		}
		#box2{
			width: 200px;
			height: 200px;
			background: blue url() 0 0 no-repeat;
		}
	</style>
</head>
<body>
	<div id="box" onclick="alert(7777)"><p>学并思</p><span>这个是一个好的span</span></div>
	<input type="text" id="username">
	<div id="box2">
		
	</div>

	<a href="http://www.baidu.com"  class="dfdf" xuebingsi='xbs' id="baidu">百度</a>
	
</body>
</html>